import * as React from 'react';
import { VideoPosterConnect, VideoPosterPlayIconType } from '../../../components/video-poster/VideoPoster';
import { IRichTextTheoryVideoData } from '../../../components/rich-text/IRichText';

interface OwnProps {
    lessonId: string;
    lessonTheoryVideoData: IRichTextTheoryVideoData;
}

interface Props extends OwnProps {}

export const NewsVideoPoster = (props: Props) => {
    const { lessonId, lessonTheoryVideoData } = props;

    return (
        <VideoPosterConnect
            lessonId={lessonId}
            lessonTheoryVideoData={lessonTheoryVideoData}
            withDarkMode
            playIconType={VideoPosterPlayIconType.SEVERSTAL}
        />
    );
};
